<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
   <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
   <%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
     
<%@ taglib  prefix="security" uri="http://www.springframework.org/security/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Espace Membre</title>
<c:url  var="css1" value="/css/bootstrap/css/bootstrap.css"></c:url>
	<c:url  var="css2" value="/css/sitemarchand/style.css"></c:url>
	 <link type="text/css" rel="stylesheet" href="${css1 }" />
	  <link type="text/css" rel="stylesheet" href="${css2 }" />
  <link type="text/css" rel="stylesheet" href="<c:url value="/css/htmltools/top.css" /> "/> 
</head>
<body>
<div class="tabs_holder">
 <ul>
  <li><a class="tab_selected" href="#choixmenu">choix menu</a></li>
  
 </ul>
 <div class="content_holder">
  <div id="choixmenu" class="well">
    <div id="menudujour" class="" style="width: 100%;"  >
       <table class="table">
          <caption>
          
         
          </caption>
           <thead>
           <tr>
           <th class="span1">Nom
           </th>
           <th>
           description
           </th>
            
           <th>Action</th>
           </tr>
           </thead>
           <tbody>
          <c:forEach items="${menus }" var="menu">
           <tr>
            <td>${menu.nom}</td> 
              <td> 
             
             <img class="img-rounded" style="float:left;" src="<c:url value="${menu.image}" />" alt="${menu.nom}"/>
            ${menu.description}<p>
                          
             ${menu.periodestring }</p>
             <p> nombre de plat disponible <b>${menu.quantite }</b></p>
             <p>${menu.prix }
             </p>
             </td>
             <td><a  class="btn btn-primary" href="<c:url  value="/reservation/${menu.id}"/>">Réserver</a></td>
          </tr>
          </c:forEach>
          </tbody>
         </table>
             </div>
  </div>
   
 </div> 
</div> 
 
 
<script type="text/javascript" src="<c:url value="/js/htmltools/jquery-1.6.min.js" />"></script>
<script type="text/javascript" src="<c:url value="/js/htmltools/jquery-ui.min.js" />"></script>
<script type="text/javascript" src="<c:url value="/js/htmltools/skinable_tabs.min.js" />"></script>


 <script type="text/javascript">
  $('.tabs_holder').skinableTabs({
    effect: 'simple_fade',
    skin: 'skin1',
    position: 'top'
  });
</script>
</body>
</html>